<template>
	<view class="content">
		<image class="img" src="http://www.itcast.cn/2018czydz/images/gywmban.jpg" mode=""></image>
		<view class="info">
			<view @click="phone('0884-4752')">联系电话:0884-4752</view>
			<view>地址:甘肃省兰州市七里河</view>
		</view>
		<map  class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				latitude: 103.866202,
			    longitude: 36.052393,
				covers: [{
								latitude: 39.909,
								longitude: 116.39742,
								width:30,
								height:30,
								iconPath: '../../static/ditu.png'
							}, 
							]
							
			}
		},
		methods: {
			phone(res){
				uni.makePhoneCall({
					phoneNumber:res
				})
			}
		}
	}
</script>

<style lang="scss">
  .content{
	  .img{
		  width: 750rpx;
		  height: 320rpx;
	  }
	  .info{
		  padding:10rpx 10rpx;
		  view{
			  letter-spacing: 5rpx;
			  padding: 10rpx 10rpx;
			  border-bottom: 1rpx solid gainsboro;
		  }
	  }
	  .map{
		  width: 750rpx;
		  height: 750rpx;
	  }
  }
</style>
